.top_left {
	float: left;
}

.top_right {
	float: right;
}


.main_01{
	width: 100%;
	text-align:center;
	position: relative;
	margin-bottom:8%;
}

.main_01 #label_1{
	position: relative;
	padding-top:5%;
	padding-left:3%;
	margin:0 auto;
	width:45%;
	float:left;
}

.main_02{
	width: 100%;
	margin-bottom:8%;
	text-align:center;
	position: relative;
	margin-top: 11%;
}
.main_02 #label_1{
	margin:0 auto;
	position: relative;
	width:60%;
}

.main_03 {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.main_03 #title {
	padding: 3% 0 3% 0;
	width: 100%;
	background: #FFF;
}

.main_03 #title .title_text {
	width:80%;
	margin:0 10%;
	padding:5px 0 ;
	background: #f3f3f3;
	border-radius:8px;
}

.main_03 #title img {
	width: 30%;
}

.main_03 #category {
	margin-top: 10%;
	width: 100%;
}

.main_04{
	text-align:center;
	position: relative;
	margin-left:8%;
	margin-right:8%;
}

.main_04 #label_1{
	padding-top:10%;
	width:100%;
}

.main_05 {
	position: relative;
	text-align: left;
}

.main_05 .panel {
	width:40%;
	position: relative;
	padding-top:5%;
	padding-left:5%;
	padding-bottom:5%;
}

.main_05 .panel_01 {
	border-top:1px dashed #aeaeae;
	width:80%;
	position: relative;
	padding:5% 5%;
  	margin: 0px 5%;
}

.main_05 .panel_02 {
	border-top:1px dashed #aeaeae;
	width:50%;
	position: relative;
	padding-top:5%;
	padding-left:20%;
	padding-right:20%;
	margin: 0px 5%;
}

.main_05 .panel_01 .tip{
	float:left;
	width:30%
}

.main_05 .panel_01 .text{
	float:left;
	width:70%
}

.main_05 .panel_01 label {
	width:47%;
	vertical-align:middle;
}

.main_05 .panel_01 textarea {
  width: 100%;
  height:100px;
  vertical-align: bottom;
  border: none;
  background: #f3f3f3;
}

.main_05 .panel_01 input[type="text"] {
	width:100%;
	border:none;
	background:#f3f3f3;
	vertical-align:middle;
}

.main_01 img{
	width:100%;
}
.main_02 img{
	width:100%;
}
.main_03 img{
	width:100%;
}
.main_04 img{
	width:100%;
}
.main_05 img{
	width:100%;
}


#nav {
	font-size:0;
	width: 100%
}

#nav>ul>li {
	float: left;
	width: 33.3%;
	position: relative
}
#nav>ul>li>div.active {
	position: relative;
	height: 5px;
	width: 100%;
	top:-4px;
	left: 0;
	background: #fbc400;
	display: none
}

#nav>ul>li>div.on_active {
	display: block
}

#nav>ul>li img {
	width: 100%
}

#nav>ul>li ul.hide {
	display:none;
}
#nav>ul>li ul.show {
	width: 100%;
	z-index: 1;
	position: absolute;
	display:block;
}

#content{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
@media only screen and (min-width:320px) {
	#content>ul>li img.content {	
	min-height:158px;
	max-height:158px;
	}
	#content>ul>li>div.active>div.foot_left{
	width:210px;
	}
}
@media only screen and (min-width:360px) {
	#content>ul>li img.content {	
	min-height:177px;
	max-height:177px;
	}
	#content>ul>li>div.active>div.foot_left{
	width:250px;
	}
}
@media only screen and (min-width:480px) {
	#content>ul>li img.content {	
	min-height:236px;
	max-height:236px;
	}
	#content>ul>li>div.active>div.foot_left{
	width:320px;
	}
}
#content>ul>li{
	margin-top: 2%;
	width:100%;
	position: relative
}
#content>ul>li img {	
	width: 100%
}

#content>ul>li>div.active {
	text-align: left;
	position:absolute;
	line-height:40px;
	height: 40px;
	width: 100%;
	bottom:0;
	left: 0;
	background: #FFF;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 0.8);
	-khtml-opacity: 0.8;
}
#content>ul>li>div.active>div.foot_left {
	position:absolute;top:0;left:3% ;
}
#content>ul>li>div.active>div.foot_right1 {
	position:absolute;top:0;right:13%;padding-top:8px;width:20px;
}
#content>ul>li>div.active>div.foot_right2 {
	position:absolute;top:0;right:3% ;
}

.fileUpload_div{
	width:100%;
	height:100%;	
	position: absolute;
	right: 0pt;
	top: 0pt;
}
.fileUpload_class {
	width:100%;
	height:100%;
	opacity: 0; 
	-moz-opacity: 0; 
	filter: alpha(opacity = 0); 
	-khtml-opacity: 0; 
}

.foot{
	background: #fff;
	margin-left:20%;
	margin-right:20%;
}
.cang{
	width: 100%;
}

strong.price{
	color:#000 !important;
}
	